/**
 * 绘画时跟随鼠标的提示框
 */
 export default class Tips{
    constructor() {
        // 鼠标提示框
        this.tooltip = document.getElementById("toolTip");
        if (!this.tooltip) {
            let div = document.createElement("div");
            div.setAttribute('id', 'toolTip');
            document.body.appendChild(div);
            this.tooltip = document.getElementById("toolTip");
        }
        this.tooltip.style.display = "none";
        document.documentElement.style.cursor = 'crosshair';
    }

    /**
     * 显示toolTips
     * @param {Object} position  
     */
    show(position){
        if(typeof position === 'object' && position.x && position.y){
            this.tooltip.style.left = position.x + 30 + "px";
            this.tooltip.style.top = position.y - 20 + "px";
        }
        this.tooltip.style.display = "block";
    }

    /**
     * 隐藏toolTips
     */
    hide(){
        this.tooltip.style.display = "none";
        document.documentElement.style.cursor = 'default';
    }

    /**
     * 改变 tips里面的文字内容
     * @param {String} text  
     */
    changeText(text){
        this.tooltip.innerHTML = text;
    }

}